<template>
  <div>
    <Header :black.sync="black"></Header>
    <Banner :black.sync="black"></Banner>
    <Content :black.sync="black"></Content>
    <Footer :black.sync="black"></Footer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      black: false,
    }
  },
  components: {
    Header: require('./Header.vue').default,
    Banner: require('./Banner.vue').default,
    Content: require('./Content.vue').default,
    Footer: require('./Footer.vue').default,
  },
}
</script>

<style>
* {
  padding: 0;
  margin: 0;
}
.black {
  background: #000;
  color: #fff;
}
</style>
